<div class="examList clearfix " [@fadeIn]>
  <span class="glyphicon glyphicon-info-sign"></span><span class="title">考试列表</span>
  <div class="content">
    <div class="filter clearfix">
      <div class="col-xs-4 col-lg-2">
        <span>科目:</span>
        <select class="form-control" [formControl]="subjectFilter" [(ngModel)]="subjectKW">
          <option value="">全部</option>
          <option value="数学">数学</option>
          <option value="语文">语文</option>
          <option value="外语">外语</option>
        </select>
      </div>
      <div class="col-xs-4 col-lg-2">
        <span>年级:</span>
        <select class="form-control" [formControl]="gradeFilter" [(ngModel)]="gradeKW">
          <option value="">全部</option>
          <option value="高一">高一</option>
          <option value="高二">高二</option>
        </select>
      </div>
      <div class="col-xs-4 col-lg-2">
        <span>班级:</span>
        <select class="form-control" [formControl]="classFilter" [(ngModel)]="classKW">
          <option value="">全部</option>
          <option value="8班">8班</option>
          <option value="2班">2班</option>
        </select>
      </div>
      <div class="col-xs-4 col-lg-2">
        <span>考试类型:</span>
        <select class="form-control" [formControl]="typeFilter" [(ngModel)]="typeKW">
          <option value="">全部</option>
          <option value="期中">期中</option>
          <option value="月考">月考</option>
        </select>
      </div>
      <div class="col-xs-4 col-lg-2">
        <span>时间:</span>
        <input type="date" class="form-control" [formControl]="fromFilter">
      </div>
      <div class="col-xs-4 col-lg-2">
        <span>到:</span>
        <input type="date" class="form-control" [formControl]="toFilter">
      </div>
    </div>
    <div class="results">
      <div class="result clearfix" *ngFor="let report of reports | reportsFilter : subjectKW : gradeKW : classKW : typeKW : fromKW : toKW ;let i = index">
        <div class="col-xs-12">
          <span *ngIf="report.create.getTime()+6000000 > now" class="label label-danger">新</span><strong>{{report.name}}</strong>
        </div>
        <div class="col-xs-12 col-md-9">
          <span><strong>创建时间:</strong>{{report.create| date:'yyyy-MM-dd' }}</span>
          <span><strong>年级:</strong>{{report.gradeName}} </span>
          <span><strong>班级:</strong>{{report.className}} </span>
          <span><strong>考试类型:</strong>{{report.type}}</span>
          <p></p>
          <span><strong>学科:</strong>{{report.subject}}</span>
        </div>
        <div class="col-xs-12 col-md-3">
          <button class="btn btn-info col-xs-12" type="button" [routerLink]="['../reports',report.id]">查看报告</button>
        </div>
      </div>
      <!--<div class="result clearfix">
        <div class="col-xs-12">
          <strong>江苏省宝应中学高三双周测试2</strong>
        </div>
        <div class="col-xs-12 col-md-9">
          <span><strong>创建时间:</strong>3月28日</span><span><strong>年级:</strong>高一 </span>
          <span><strong>考试类型:</strong>月考</span>
          <p></p>
          <span><strong>学科:</strong>语文，数学，外语，物理，政治，地理，历史，生物</span>
        </div>
        <div class="col-xs-12 col-md-3">
          <button class="btn btn-info col-xs-12">查看报告</button>
        </div>
      </div>-->
    </div>
    <ngb-pagination [collectionSize]="reportsSize" [(page)]="page" [pageSize]="5" [maxSize]="5" [rotate]="true" [boundaryLinks]="true" (pageChange)="pageChange()" ></ngb-pagination>
  </div>
</div>
